layui.use('table', function(){
    var table = layui.table;

    // 已知数据渲染
    var inst = table.render({
        elem: '#table'
        ,url: ctx + '/user/list'
        ,parseData: function(res){ // res 即为原始返回的数据
            return {
                "code": 0, // 解析接口状态
                "msg": '成功', // 解析提示文本
                "count": res.total, // 解析数据长度
                "data": res.list // 解析数据列表
            };
        }
        ,cols: [[ //标题栏
            {field: 'id', title: 'ID', width: 80, sort: true}
            ,{field: 'username', title: '用户', templet: '#templet-user'}
            ,{field: 'password', title: '密码', templet: function(d){
                // d 当前行的数据
                return '<span style="color: red">' +'*'.repeat(d.password.length) + '</span>';
            }}
            ,{title: '操作', templet: '#toolbar', width: 150}
        ]]
        //,skin: 'line' // 表格风格
        //,even: true
        ,page: true // 是否显示分页
        ,limits: [5, 10, 15, 20]
        ,limit: 5 // 每页默认显示的数量
        ,toolbar: true // 表格工具栏
        ,defaultToolbar: ['filter', 'exports', 'print']
    });
});